<!DOCTYPE html>

<html>

<head>

	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	
	<meta name="keywords" lang="en" content="Foundation Juvanteny, EuroDisney, trip, 2013">
	<meta name="keywords" lang="es" content="Fundación, Juvanteny, EuroDisney, viaje, 2013">
	<meta name="keywords" lang="ca" content="Fundació, Juvanteny, EuroDisney, viatje, 2013">
	<meta name="description" lang="en" content="Trip to EuroDisney 2013, Concepció Juvanteny Foundation">
	<meta name="description" lang="es" content="Viaje a EuroDisney 2013, Fundación Concepció Juvanteny ">
	<meta name="description" lang="ca" content="Viatge a EuroDisney 2013, Fundació Concepció Juvanteny ">
	
	<meta name="author" content="Felipe Camacho Melero">
	<META name="email" content="felipe.camacho@gmail.com">
	<meta name="copyright" lang="en" content="Received form data is private and property of Concepció Juvanteny Foundation. Software is GNU GPL v3.">

	<title>Formulari d'inscripció</title>

	
	
	<!-- Style includes ---------------------------------------------------------------------------- \ Style includes / -------------------  -->
	<link href='res/modal.css' type='text/css' rel='stylesheet'>
	<link href='res/formAddFamiliy.css' type='text/css' rel='stylesheet'>
	
	<link href='res/css/ui-lightness/jquery-ui-1.10.1.custom.css' type='text/css' rel='stylesheet'>
	<!-- <link href='res/jquery.ui.base.css' type='text/css' rel='stylesheet'> -->
	<!-- <link href='res/jquery.ui.autocomplete.css' type='text/css' rel='stylesheet'> -->
	<!-- ------------------------------------------------------------------------------------------- / Style includes \ -------------------  -->
	
	
	<!-- JavaScript includes ----------------------------------------------------------------------- \ JavaScript includes / --------------  -->
<!-- 	<script type="text/javascript" src="res/js/jquery-1.9.1.js"></script> -->
	<script type="text/javascript" src="res/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="res/js/modal.js"></script>
	<script type="text/javascript" src="res/js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="res/js/jquery.json-2.2.js"></script>
	<script type="text/javascript" src="res/js/jquery.browser.min.js"></script>
	<script type="text/javascript" src="res/js/jquery-ui-1.10.1.custom.min.js"></script>
	<script type="text/javascript" src="res/js/jquery_ui/i18n/jquery.ui.datepicker-ca.js"></script>
	<script type="text/javascript" src="res/js/jquery_ui/i18n/jquery.ui.datepicker-es.js"></script>
	
	<script type="text/javascript" src="lib/JS_Util.js"></script>
	<script type="text/javascript" src="lib/form_Add_Family.js"></script>
	<!-- JavaScript includes ----------------------------------------------------------------------- / JavaScript includes \ --------------  -->

</head>


<body>

	<!-- Hidden templates -------------------------------------------------------------------------- \ Hidden templates /-----------  -->
	<div id="formFamily_Hidden_templates" style="display: none;">
	
		<div id="modalWindow__Small" class="modalWindow__Small">
		</div>
	
		<div id="modalWindow__DNI_Duplicated">DNI Duplicat</div>
		
		<div id="modalWindow__Member_Delete" title="Esborrar membre">Està segur?</div>
		
		<div id="modalWindow__Member_CancelNew" title="Cancel·lar membre">Està segur?</div>
		
		<div id="modalWindow__NewMember_Added" title="Nou membre afegit">
		  <p>Nou membre afegit.</p>
		</div>
		
		<div id="modalWindow__Member_Updated" title="Membre actualitzat">
		  <p>Membre actualitzat.</p>
		</div>
		
		<div id="modalWindow__Family_DATA__Problem" title="Error a les dades del grup.">
		  <p>Hi ha un problema a una o més dades del grup.</p>
		</div>
		
		<div id="modalWindow__Member_DATA__Problem" title="Error a les dades del membre del grup.">
		  <p>Hi ha un problema a una o més dades del membre del grup.</p>
		</div>
		
		<div id="modalWindow__No_Members_Found" title="Grup sense membres.">
		  <p>Es necessari que el grup tingui al menys un membre.</p>
		</div>
		
		<div id="modalWindow__Data_Sent_OK" title="Procés finalitzat">
		  <p>Les dades s'han enviat al servidor.</p>
		</div>
	 
		<div id="modalWindow__Data_Submit_Error" title="Error en el process">
		  <p>El servidor informa d'errors al process d'enviament de dades.</p>
		  <div style="font-size: 11px;" id="modalWindow__Data_Submit_Error__Detail">
		  </div>
		</div>
	 
<!-- 	 modalWindow__Data_Submit_Error -->
	 
	</div>
	<!-- Hidden templates -------------------------------------------------------------------------- / Hidden templates \-----------  -->
	
	
	<!-- Title ------------------------------------------------------------------------------------- \ Title / ---------------------  -->
	<div id="title_Layer" class="layer_Title">
		<h2>
			Viatge a EuroDisney 2013
		</h2>
		<div id="layer_Image_EuroDisney_Logo" class="layer_Image_EuroDisneyLogo"></div>
	</div>
	<!-- Title ------------------------------------------------------------------------------------- / Title \ ---------------------  -->


	<!-- Family data ------------------------------------------------------------------------------- \ Family data / ---------------  -->
	<div id="family_DATA" class="family_DATA">
	
	<form action="" id="family_Form">
		<h3>Dades del grup</h3>

		<p>
			<label for="family">Grup o Família</label> <input type="text" id="family" name="family">
		</p>


		<p>
			<label for="phone">Telèfon</label> <input type="text" id="phone" name="phone">
		</p>

		
		<p>
			<label for="educator">Referent</label> <input type="text" id="educator" name="educator">
		</p>
		
		
		<p>
			<label for="mail">Mail de contacte</label> <input type="text" id="mail" name="mail">
		</p>
		
		<div>
			<label for="payment_Type">Mètode de pagament:</label>
			<div>
				<input type="radio" id="payment_Type__cash" name="payment_Type" value="cash" checked="checked"> <label for="payment_Type__cash">Al comptat</label><br>
				<input type="radio" id="payment_Type__Option_1" name="payment_Type" value="Option_1"> <label for="payment_Type__Option_1">Paga i senyal + cuota final</label><br>
			</div>
				
		</div>
		
		<br>
		<div>
			<label for="transport_Type">Transport:</label>
			<div>
				<input type="radio" id="transport_Type__BUS" name="transport_Type" value="BUS"> <label for="transport_Type__BUS">Tota la família amb transport de la fundació.</label><br>
				<input type="radio" id="transport_Type__OTHER" name="transport_Type" value="other" checked="checked"> <label for="transport_Type__OTHER">Altres tipus de transport.</label><br>
				<div id="layer__Transport_Type__OTHER_Detail">
					<label for="transport_Type__OTHER_Detail">Detall del transport:</label> <br> 
					
					<textarea name="transport_Type__OTHER_Detail" rows="8" cols="55" id="transport_Type__OTHER_Detail"></textarea>
				</div>
				
				
			</div>
				
		</div>	
		
		</form>
	</div>
	<!-- Family data ------------------------------------------------------------------------------- / Family data \ ---------------  -->
	

	<!-- Members list ------------------------------------------------------------------------------ \ Members list / --------------  -->
	<div id="members_List" class="members_List">
	
		<!-- Hidden templates ------------------ \ Hidden templates / --------------  -->
		<div id="members_List_Hidden_templates" style="display: none;">
			<div id="member_List_Item" class="member_List_Item">
				<div id="member_List_Item_Description" class="member_List_Item_Description">Name Surname</div>
				<div id="member_List_Item_Options" class="member_List_Item_Options"> 
					<div id="member_List_Item_Option_Edit" class="option_Button">edit</div>
					<div id="member_List_Item_Option_Delete" class="option_Button">delete</div> 
				</div>
			</div>
		</div>
		<!-- Hidden templates ------------------ / Hidden templates \ --------------  -->
		
		<h3>Llistat de membres</h3>
		
		<div id="members_List_Options__Num_Members" class="members_List_Options__Num_Members">
			Nombre de membres: <div id="members_List_Options__Num_Members__Value" class="members_List_Options__Num_Members__Value">0</div>
		</div>
		
		<div id="members_List_Options__Buttons" class="members_List_Options__Buttons">
			<input id="button_New_Member" type="button" value="Nou membre">
		</div>
	
		<div id="members_List_Items" class="members_List_Items">
			
			<div id="member_List_Item__Z1" class="member_List_Item" style="display: none;"> 
				<div id="member_List_Item_Description__Z1" class="member_List_Item_Description">Name Surname</div>
				<div id="member_List_Item_Options__Z1" class="member_List_Item_Options">
					<div id="member_List_Item_Option_Edit__Z1" class="option_Button">edit</div>
					<div id="member_List_Item_Option_Delete__Z1" class="option_Button">delete</div> 
				</div>
			</div>
			
			<div id="member_List_Item__Z2" class="member_List_Item" style="display: none;"> 
				<div id="member_List_Item_Description__Z2" class="member_List_Item_Description">Name Surname</div>
				<div id="member_List_Item_Options__Z2" class="member_List_Item_Options">
					<div id="member_List_Item_Option_Edit__Z2" class="option_Button">edit</div>
					<div id="member_List_Item_Option_Delete__Z2" class="option_Button">delete</div> 
				</div>
			</div>
			
		</div>
	</div>
	<!-- Members list ------------------------------------------------------------------------------ / Members list \ --------------  -->
	
	
	<!-- Member data ------------------------------------------------------------------------------- \ Member data / ---------------  -->
	<div id="layer__Member_DATA" class="member_DATA" style="display: none;">
		
		<h3>Dades del membre de la familia</h3>
		
		<div id="layer__Member_DATA_EDIT_MODE" style="display: none;">Modificar dades del membre</div>
	
		<div id="member_Form_Layer" class="member_Form_Layer">
	
			<form action="" id="member_Form">
		
				<p>
					<label for="member_Name">Nom</label> <input type="text" id="member_Name" name="member_Name">
				</p>
				
				<p>
					<label for="member_SurName">Cognom</label> <input type="text" id="member_SurName" name="member_SurName">
				</p>
				
				
				<p>
					<label for="member_DNI">DNI</label> <input type="text" id="member_DNI" name="member_DNI">
				</p>			
				
				
				<p>
					<label for="member_Date_of_birth">Data de neixement:</label> 
					<input type="text" id="member_Date_of_birth" name="member_Date_of_birth">
				</p>
				
				<div>
					<div>
						<label for="member_isReferent">Monitor o responsable del grup:</label> 
						<input type="checkbox" id="member_isReferent" name="member_isReferent">
					</div>
					<div id="layer__Member_Ref_Phone" style="display: none;">
						<label for="member_Ref_Phone">Telèfon</label> <input type="text" name="member_Ref_Phone" id="member_Ref_Phone">
					</div>
				</div>
				<p>
					<label for="member_specialAttentions">Necesitats médiques o alimentaries especials: <br></label> 
					
					<textarea name="member_specialAttentions" rows="8" cols="59" id="member_specialAttentions"></textarea>
					
				</p>	
				
				<div id="layer__Member_DATA_Buttons" class="layer__Member_DATA_Buttons">
					<input type="button" id="button_NewMember" value="Afegeix membre">
					<input type="button" id="button_UpdateMember" value="Actualitza membre">
					<input type="button" id="button_Cancel_NewMember" value="Cancel·la">
				</div>
				
			</form>
		</div>
		
	</div>
	<!-- Member data ------------------------------------------------------------------------------- / Member data \ ---------------  -->
	

	<!-- Footer ------------------------------------------------------------------------------------ \ Footer / --------------------  -->
	<div id="footer" class="footer">

		<div id="footer_Info" class="footer_Info">
		Viatge a EuroDisney 2013 <br>
		Fundació Concepció Juvanteny
		</div>
		
		<div id="member_Form_Options" class="member_Form_Options">
			<input type="button" id="button_SendData" value="Enviar dades">
		</div>

		<div id="layer_ThankYou_Message" style="display: none;" class="ThankYou_Message">
			<h3>Gràcies per enviar les teves dades</h3>
			<input type="button" id="button_reloadForm" value="Torna a carregar el formulari">
		</div>

		<div id="layer_FCJ_Logo" class="layer_FCJ_Logo">
		</div>
	</div>
	<!-- Footer ------------------------------------------------------------------------------------ / Footer \ --------------------  -->

</body>

</html>